<template>
   <div>
       <div class="nav">
           {{name}}
       </div>
   </div>
</template>

<script>
export default {
   mounted(){
       console.log(this.$route.params)
       document.title = this.name;
   },
   computed:{
       name(){
           return this.$store.state.name
       }
   },
   name:"Detail",
//    activated(){
//        document.title = this.name;
//    }
}
</script>

<style scoped>
.nav{
    height: 50px;
    background-color:#C20C0C ;
    line-height: 50px;
    text-align: center;
    color:#fff;
}
</style>